{%load static%}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>online test</title>
<link rel="stylesheet" type="text/css" href="{%static 'bai/css/bg.css'%}"/>
<link rel="stylesheet" href="{%static 'bai/css/index.css'%}">
</head>
<body>
<header>
	<div class="bg">
		<canvas id="display"></canvas>
		<div id="blachole"></div>
	</div>
</header>
<div class='selector'>
  <ul>
  	<li>
  		<a href="{%url 'paper:home'%}">
    		<input id='1' type='button'>
      	<label for='1'><i class="iconfont">&#xe8d7;</i>人工智能</label>
      </a>
    </li>   
    <li>
    	<a href="content.html">
      	<input id='2' type='button'>
      	<label for='2'><i class="iconfont">&#xe902;</i>&nbsp;大数据</label>
      </a>
    </li>
    <li>
    	<a href="#">
      	<input id='5' type='button'>
      	<label for='5'><i class="iconfont">&#xe7a1;</i>使用说明</label>
      </a>
    </li>
    <li>
    	<a href="content.html">
      	<input id='8' type='button'>
      	<label for='8'><i class="iconfont">&#xe8e0;</i>&nbsp;web全栈</label>
      </a>
    </li>
  </ul>
  <button>WELCOME</button>
</div>
<script src="{%static 'bai/js/jquery-3.3.1.min.js'%}"></script>
<script type="text/javascript" src="{%static 'bai/js/bg.js'%}"></script>
<script src="{%static 'bai/js/index.js'%}"></script>
<audio src="{%static 'bai/audio/summer.mp3'%}" autoplay="autoplay" loop="loop"></audio>
</body>
</html>
